<html>
<!--
Copyright 2011 Google Inc. All Rights Reserved.

Use of this source code is governed by the Apache License, Version 2.0.
See the COPYING file for details.
-->
  <head>
    <link rel="stylesheet" type="text/css" href="styles/rpf_console.css" />
    <script type="text/javascript" src="console_script.js"></script>
    <script type="text/javascript" src="analytics.js"></script>
    <script type="text/javascript" src="ace/ace.js" charset="utf-8"></script>
    <script type="text/javascript" src="ace/mode-javascript.js"
            charset="utf-8"></script>
    <title>RPF</title>
  </head>
  <body onLoad="rpf.ConsoleManager.getInstance();">
    <div id="t1" class="rpf-container">
      <div id="console_toolbar" class="console-toolbar">
        <input id="startPlayback" type="image" src="imgs/rpf/play.png"
               width="22" height="22" class="console-menu-button" />
        <input id="saveTest" type="image" src="imgs/rpf/writefile.png"
               width="20" height="20" class="console-menu-button" />
        <input id="loadTest" type="image"  src="imgs/rpf/loadfile.png"
               width="20" height="20" class="console-menu-button" />
        <input type="image" id="screenShots"
               src="imgs/rpf/screenshots.png" width="22" height="22"
               class="console-menu-button"/>
        <input type="image" id="workerMode" src="imgs/rpf/workermode.png"
               width="22" height="22" class="console-menu-button" />
        <input id="record" type="image" id="recordImg" src="imgs/rpf/record.png"
               width="22" height="22" class="console-menu-button" />
        <input id="stop" type="image" id="stopImg"
               src="imgs/rpf/stop-disabled.png"
               width="22" height="22" class="console-menu-button" />
        <input type="image" id="export"
               src="imgs/rpf/export.png" width="22" height="22" />
        <input type="image" id="validate"
               src="imgs/rpf/validation-disabled.png" width="22" height="22"
               class="console-menu-button" />
        <input type="image" id="notes" src="imgs/rpf/notes.png"
               width="22" height="22" class="console-menu-button" />
        <input type="image" id="info" src="imgs/rpf/info.png"
               width="24" height="24" class="console-menu-button" />
        <input type="image" id="setting" src="imgs/rpf/setting.png"
               width="22" height="22" class="console-menu-button" />
        <input type="image" id="addCmd" src="imgs/rpf/plus.png"
               width="20" height="20" class="console-menu-button" />
        <input type="image" id="refresh"src="/imgs/rpf/refresh.png"
               width="23" height="23" class="console-menu-button" />
        <div id="viewMode"></div>
      </div>
      <div id="slideMoreInfoDiv">
        <div id="moreInfoHeader">
          <img src="imgs/rpf/downbtn.png" id="slideDownBtn">
        </div>
        <div id="moreInfoDiv">
          <span>
            <label for="testId">ID</label>
            <input type="text" name="testId" id="testId" size="12" disabled>
          </span>
          <span>
            <label for="testName">Name</label>
            <input type="text" name="testName" id="testName_readonly"
                   size="12" disabled>
          </span>
          <span>
            <label for="starturl">URL</label>
            <input type="text" name="startUrl" id="startUrl" size="22">
          </span>
          <div class="rpf-textarea-container">
            <textarea rows="4" id="datafileContainer"></textarea>
          </div>
        </div>
      </div>
      <div class="console-body">
        <div id="scriptsContainer"></div>
        <div id="bookData"></div>
      </div>
      <div class="rpf-footer">
        <img src="imgs/bite-logo_100x100.png"
             width="40px" height="40px">
        <div id="statusLog" class="status-logger"></div>
      </div>
    </div>
  </body>
</html>
